$color-white: #fff !default;
$color-black: #000 !default;
$color-primapy: #409eff !default;
$color-success: #67c23a !default;
$color-warning: #e6a23c !default;
$color-danger: #f56c6c !default;
$color-info: #909399 !default;

$color-primapy-focus: mix($color-white, $color-primapy, 20%);
$color-success-focus: mix($color-white, $color-success, 20%);
$color-warning-focus: mix($color-white, $color-warning, 20%);
$color-danger-focus: mix($color-white, $color-danger, 20%);
$color-info-focus: mix($color-white, $color-info, 20%);

$color-primapy-active: mix($color-black, $color-primapy, 10%);
$color-success-active: mix($color-black, $color-success, 10%);
$color-warning-active: mix($color-black, $color-warning, 10%);
$color-danger-active: mix($color-black, $color-danger, 10%);
$color-info-active: mix($color-black, $color-info, 10%);

$color-text-primary: #303133 !default;
$color-text-regular: #606266 !default;
$color-text-secondary: #909399 !default;
$color-text-placeholder: #c0c4cc !default;

$color-group-border: hsla(0, 0%, 100%, .5);

@mixin full {
  width: 100%;
  height: 100%;
}

@mixin noborder {
  border: none;
}

@mixin nobdradius {
  border-radius: unset;
}
